/**
 * 项目全局指令
 */

// 1.给元素自动添加一个边框
export const border = {
    /**
     * 被绑定元素挂载就执行
     * @param {*} dom 使用指令的dom元素
     * @param {*} options 指令选项->接收指令绑定的变量值
     */
    inserted(dom, options) {
        // console.log('指令参数',dom,options)
        dom.style.border = `10px solid ${options.value || 'red'}`
    }
}

// 2.处理图片加载失败，如果加载失败显示一个默认图片
/**
 * 
 */
export const imgError = {
    // dom是img元素
    inserted(dom,options) {
       dom.onerror = () => {
         // 图片加载失败会执行
         // options.value默认图片
         dom.src = options.value
       }
    }
}